
<div id="jyindex" class='fui-page fui-page-current  page-goods-detail' id='page-goods-detail-index'>
<div ng-if="!pagedata.goods" class='content-empty'>
    <i class='icon jinyunicon icon-search'></i><br/> 项目找不到了~ 您看看别的吧 ~<br/><a href="javascript:;" ng-click="access_json('jy_djhome/fuwu.list/')" class='btn btn-default-o external'>到处逛逛</a>
</div>
<!--轮播图-->
<div id="carousel-container" class="carousel slide" data-role="carousel" data-param-auto="true">
	<div class="carousel-inner" role="listbox" style="max-height:20rem">
		<div ng-class="{'item':1,'active':$index==0}" ng-repeat="item in pagedata.goods.hdps">
			<a href="javascript:;" ng-click="previewImage(pagedata.goods.image,pagedata.goods.hdps);">
				<img ng-src="{{tomedia(item) || '../core/resource/images/nopic.jpg'}}" style="display: block; width: 100%; height: 100%;">
			</a>
		</div>
	</div>
	<style>
            .fui-swipe-page .fui-swipe-bullet {background: {background}; opacity: {opacity};}
            .fui-swipe-page .fui-swipe-bullet.active {opacity: 1;}
    </style>
	<div id="carousel-jinyun" class="fui-swipe-page" style="padding: 0 5px; bottom: 10px; ">
		<div class="fui-swipe-bullet" ng-repeat="item in pagedata.goods.hdps" ng-class="{'active':$index==0}" data-target="#carousel-container" data-slide-to="{{$index}}"></div>
	</div>
</div>
<div class="fui-content">
<div ng-if="pagedata.goods" class="fui-cell-group fui-detail-group" style="padding-bottom:8px;border-top-left-radius:0;border-top-right-radius:0">
 <!--正常价格-->
    <div class="fui-cell" style='padding-bottom:0;padding-top:0.4rem'>
        <div class="fui-cell-text">
			<div class="text">
				<span class="price" style="font-size:1rem;line-height:1.4rem"> ￥<span class="title15">{{pagedata.goods.price ||'0.00'}}</span></span>
			</div>
		</div>
		<div class="fui-cell-remark lover" style="padding-left:0;margin-top:0.1rem">
			<span ng-if="pagedata.goods.isshowsales!=1" class="subtitle" style="font-size:0.6rem">{{pagedata.goods.salenum}}人的选择</span>
		</div>
    </div>
    <div class="fui-cell">
        <div class="fui-cell-text name bold" style="font-size:0.8rem">
			 {{pagedata.goods.title}}
        </div>
    </div>
	<div ng-if="pagedata.goods.remark" class="fui-cell goods-subtitle" style="margin-top:-.2rem">
		<span class='text-block'>{{pagedata.goods.remark}}</span>
	</div>
</div>
<div class="detail-block" style="position: relative;margin-top:0.5rem;border-radius: 0.5rem;width:100%;background:#fff;padding-bottom:0">
	<div id="jycontent" class="fui-cell-text bold" style="padding:0.5rem">适用说明</div>
    <div class="content-block content-images">
		<div><span class='gray' style="font-size:0.6rem">性别限制</span> <span class='text-block' style="font-size:0.7rem">不限制</span></div>
		<div><span class='gray' style="font-size:0.6rem">适用人群</span> <span class='text-block' style="font-size:0.7rem">亚健康群体</span></div>
	</div>
</div>
<!--商品详情开始-->
<div class="detail-block" style="position: relative;margin-top:0.5rem;border-radius: 0.5rem;width:100%;background:#fff;margin-bottom:0">
	<div id="jycontent" class="fui-cell-text bold" style="padding:0.5rem">项目详情</div>
    <div class="content-block content-images" ng-bind-html="trust(pagedata.goods.content)"></div>
</div>
</div>
</div>
<!--底部按钮-->
<div class="fui-navbar bottom-buttons">
	<a class="nav-item external" href="javascript:" ng-click="access_json('jy_djhome/index/')">
        <span class="icon jinyunicon icon-dianpu"></span>
        <span class="label" >首页</span>
    </a>
	<a class="nav-item btn cartbtn" href="javascript:" ng-click="access_json('jy_djhome/list//serve_id='+item.id)">
			选择技师
	</a>
</div>

<script type="text/javascript">
require(['bootstrap', 'hammer'], function($, Hammer){
		$('#carousel-container').carousel();
		var mc = new Hammer($('#carousel-container').get(0));
		mc.on("panleft", function(ev) {
			$('#carousel-container').carousel('next');
		});
		mc.on("panright", function(ev) {
			$('#carousel-container').carousel('prev');
		});
		
});
</script>